:root {
  --el-color-primary: #3580eb;
  --el-color-black: #333;
}
.el-drawer__header {
  color: #333;
}
.el-input {
  --el-input-border: 1px solid #acacac;
}
.el-tabs__item {
  height: 32px;
  line-height: 32px;
  border: none;
}
.el-tabs__item:hover {
  color: #3580eb;
}
.el-tabs__item.is-active {
  color: #3580eb;
}
.el-tabs--card > .el-tabs__header .el-tabs__item .is-icon-close {
  margin: 0;
  right: -6px;
}

.el-tabs__item.is-active {
  background-color: #f0f2f5;
}
.el-tabs__new-tab {
  display: none;
}
.el-tabs__header {
  margin: 0;
}
.el-header {
  --el-header-height: auto;
}
.bg_fff {
  background-color: #fff;
}
.el-table {
  max-height: 600px;
  --el-table-header-bg-color: #f1f1f1;
}
.el-table__row--level-1 {
  background-color: #f1f1f1 !important;
}
.el-table .cell {
  text-align: center;
}
.el-form-item {
  margin-bottom: 0;
  padding: 10px 0;
}
.el-drawer__header {
  margin-bottom: 0;
}
.el-table__body tr.current-row > td.el-table__cell {
  position: relative;
}
.el-table__body tr.current-row > td.el-table__cell:first-child::after {
  content: '';
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  background-image: url('../img/table_select_row.png');
  background-size: 100% 100%;
  z-index: 1;
}
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after {
  background-color: #fff;
}
.el-tabs--card > .el-tabs__header .el-tabs__item {
  border-bottom: none;
  border-top: none;
}

.el-divider--horizontal {
  margin: 0;
  border-top: 1px solid #c5c8ca;
}
::-webkit-scrollbar-track {
  //   background-color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
::-webkit-scrollbar-thumb {
  border: 3px solid rgba(0, 0, 0, 0);
  box-shadow: -3px 0 0 #fff inset;
  background-color: #d5d7db;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
  background-color: rgba(#8d929b, 1);
}

// element 全局配置
.el-menu {
  border-right: none;
}
.el-input::-webkit-scrollbar {
  height: 4px;
  width: 4px;
}
.el-scrollbar {
  --el-scrollbar-opacity: 1;
  --el-scrollbar-hover-opacity: 1;
  --el-scrollbar-bg-color: #d5d7db;
  --el-scrollbar-hover-bg-color: #8d929b;
}
.el-input {
  --el-input-placeholder-color: #999;
  .el-input__inner {
    color: #333;
    border-radius: 2px;
    // padding-right: 80px;
  }
  --el-input-border-color: #acacac !important;
  --el-input-hover-border-color: #717375 !important;
  --el-input-focus-border-color: #3580eb !important;
}
.el-textarea {
  --el-input-border-color: #acacac !important;
  --el-input-hover-border-color: #717375 !important;
  --el-input-focus-border-color: #3580eb !important;
}
.el-select {
  --el-select-border-color-hover: #717375 !important;
  --el-select-input-focus-border-color: #3580eb !important;
}
.el-form {
  color: #333;
}
.el-form-item--default .el-form-item__label {
  line-height: 40px;
  min-width: 78px;
  color: #333;
}
.el-checkbox__inner {
  border-color: #68686a;
}
.el-checkbox__input.is-checked .el-checkbox__inner {
  background: linear-gradient(to bottom, #4791fb, #176de9);
  border-color: #fff;
}
.el-checkbox__input.is-checked + .el-checkbox__label {
  color: #3580eb;
}

.el-radio__input.is-checked .el-radio__inner {
  border: none;
  background: linear-gradient(to bottom, #4791fb, #176de9);
}
.el-radio__input.is-checked + .el-radio__label {
  color: #3580eb;
}

.el-pagination.is-background .el-pager li:not(.disabled).active {
  background-color: #3580eb;
}
.el-button {
  --el-button-hover-border-color: #3580eb;
}
.el-button--default {
  height: 40px !important;
  width: 96px !important;
  border-radius: 2px;
  border-color: #919496;
  &:hover {
    color: #0c63e2 !important;
    background-color: #fff !important;
    border-color: #0c63e2 !important;
  }
}

.el-button--primary {
  color: #fff;
  background-color: #3580eb;
  border-color: #3580eb;
  font-size: 14px;
  border-radius: 2px;
  &:hover {
    color: rgb(240, 248, 255) !important;
    background-color: #0c63e2 !important;
    border-color: #0c63e2 !important;
  }
  &:active {
    color: rgb(240, 248, 255) !important;
    background-color: #3580eb !important;
    border-color: #3580eb !important;
  }
  &:focus {
    background-color: #3580eb;
    border-color: #3580eb;
  }
}
.el-dialog {
  border-radius: 4px;
  overflow: hidden;
  color: #333;
}

.el-dialog__header {
  background-color: #3580eb;
  padding: 0;
  height: 48px;
  line-height: 48px;
  padding-left: 20px;
  --el-dialog-padding-primary: 16px;
}
.el-dialog__title {
  display: inline-block;
  width: 100%;
  color: #fff;
  line-height: 48px;
}
.el-dialog__body {
  padding: 20px 0 0 0;
}
.el-form-item--default {
  margin: 0 30px 20px 20px;
}
.el-dialog__headerbtn:focus .el-dialog__close,
.el-dialog__headerbtn:hover .el-dialog__close {
  color: #333;
}
.el-dialog__headerbtn .el-dialog__close {
  color: #fff;
}
.el-dialog__footer {
  padding: 15px 20px;
}
// title 提示文字
.el-popper.is-dark {
  /* Set padding to ensure the height is 32px */
  padding: 6px 12px;
  background: #626465;
  color: #fff;
  padding-top: -6px !important;
  border: none;
}
.el-popper.is-dark .el-popper__arrow::before {
  border: none;
}
.el-select-dropdown::before
  .el-select__popper.el-popper[data-popper-placement=''] {
  border: none !important;
}
.el-dropdown__popper.el-popper[role='tooltip'] .el-popper__arrow::before {
  border: none !important;
}
.el-popper__arrow::before {
  width: 0;
  height: 0;
  content: '';
  background-color: #fff;
}
.el-popper.is-light .el-popper__arrow::before {
  border: none;
}
.el-menu {
  .el-sub-menu {
    .el-menu {
      .el-sub-menu__title {
        padding-left: 30px !important;
      }
    }
  }
  .el-sub-menu__title {
    &:hover {
      background-color: #444d59;
    }
  }
  --el-menu-text-color: #fff;
  --el-menu-hover-text-color: #fff;
  --el-menu-bg-color: #2c3440;
  --el-menu-hover-bg-color: #444d59;
}

.el-menu--popup {
  padding: 0;
}
.el-sub-menu .el-sub-menu__icon-arrow {
  > svg {
    display: none;
  }
  width: 10px;
  height: 10px;
  background: url('../img/menu_icon_right.png') center center no-repeat;
  background-size: 10px 10px;
  margin-top: -5px;
}
.el-sub-menu.is-opened > .el-sub-menu__title {
  color: #fff;
  font-weight: bold;
  .el-sub-menu__icon-arrow {
    transform: rotateZ(90deg) !important;
  }
}
.el-sub-menu .el-menu-item {
  min-width: none !important;
}
.el-dropdown-menu__item:not(.is_disabled):focus {
  background-color: #ebf3ff;
  color: #35373a;
}
.el-dropdown__popper.el-popper[role='tooltip'] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.el-dropdown-menu__item {
  height: 36px;
  width: 140px;
}
.el-select-dropdown {
  border-radius: 2px;
}
.el-select-dropdown__wrap {
  max-height: 400px;
}
.el-popper.is-pure {
  border: none !important;
  //   margin-top: -12px !important;
}
.el-select-dropdown__list {
  margin: 0 !important;
}
.el-select-dropdown__item.selected {
  color: #136ae8;
  font-weight: normal;
}
// select 选中标签打钩
.el-select-dropdown__item.selected ::after {
  content: '';
  background: url(@/assets/img/xuanzhong.png);
  background-color: '#fff';
  background-size: 100% 100%;
  position: absolute;
  right: 10px;
  top: 11px;
  width: 12px;
  height: 12px;
}
.el-select .el-input .el-select__caret {
  font-size: 14px;
  color: #333;
}
// 下拉图标
// .el-select .el-select__icon::before {
//   content: '';
//   background: url(@/assets/svg/xiala1.svg);
//   background-size: 100% 100%;
//   position: absolute;
//   width: 100%;
//   height: 100%;
//   top: 50%;
//   left: 50%;
//   transform: translate(-50%, -50%) rotate(180deg);
// }
// .el-select .el-input .el-select__caret.is-reverse {
//   transform: rotateZ(180deg) !important;
// }
// .el-select .el-input .el-select__caret {
//   transform: rotateZ(180deg) !important;
// }

.el-select .el-input.is-focus .el-input__inner {
  border-color: #136ae8 !important;
}
.el-divider {
  margin: 0;
  border-color: #c5c8ca;
}
.el-switch__core .el-switch__inner .is-text:first-child {
  left: 4px;
}
.el-switch__core .el-switch__inner .is-text:last-child {
  left: 0;
}
.el-form-item--default .el-form-item__error {
  padding-top: 4px;
  color: #e94a4a !important;
}
.el-form-item.is-error .el-input__inner,
.el-form-item.is-error .el-input__inner:focus,
.el-form-item.is-error .el-select-v2__wrapper,
.el-form-item.is-error .el-select-v2__wrapper:focus,
.el-form-item.is-error .el-textarea__inner,
.el-form-item.is-error .el-textarea__inner:focus {
  border-color: #e94a4a;
}
.el-pagination.is-background .el-pager li:not(.disabled):hover {
  color: #3580eb;
}
.el-pagination {
  --el-pagination-hover-color: #3580eb;
}
.el-pagination .el-input__inner {
  padding: 0 3px;
}
.el-input--suffix .el-input__inner {
  padding-right: calc(12px);
}
.el-popper.is-customized {
  /* Set padding to ensure the height is 32px */
  padding: 6px 12px;
  background: #626465;
  color: #fff;
  margin-top: -6px !important;
}
.el-message {
  top: 20px !important;
}
.el-message:not(:last-child) {
  visibility: hidden;
}
.el-date-table td.today .el-date-table-cell__text {
  color: #3580eb;
}
.el-picker-panel__icon-btn:hover {
  color: #3580eb;
}
.el-dialog__header {
  margin: 0;
}
.el-dialog__headerbtn {
  top: 0;
}
:deep(.el-textarea .el-input__count) {
  background-color: transparent;
  bottom: -15px;
}

.el-message-box {
  padding-bottom: 15px;
}
.el-message-box__btns {
  padding: 15px 20px 0 0;
}
.el-message-box__content {
  padding: 0 0 30px 30px;
  border-bottom: 1px solid #c5c8ca;
  color: #333 !important;
}
.el-message-box__headerbtn .el-message-box__close {
  color: #333;
}
.el-message-box__status {
  font-size: 40px !important;
  margin-top: -14px;
}
.el-message-box__status + .el-message-box__message {
  p::before {
    content: '\63d0\793a';
    display: block;
    font-size: 16px;
    font-weight: bold;
    height: 36px;
    line-height: 36px;
  }
  padding-left: 50px;
}

.el-message--success {
  background-color: #34ce80 !important;
  border: none;
}
.el-message--warning {
  background-color: #ff9517 !important;
  border: none;
}
.el-message--error {
  background-color: #ef5656 !important;
  border: none;
}
.el-message-icon--success {
  color: #e0ffef !important;
}
.el-message-icon--warning {
  color: #fff1e1 !important;
}
.el-message-icon--error {
  color: #ffe0e0 !important;
}
.el-message__content {
  color: #fffefe !important;
}
